<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>  
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="onein" uri="http://www.onein.cn/jsp/taglib"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>个人资料 | 万应教育</title>
<jsp:include page="/WEB-INF/inc/meta.jsp"/>
<link href='<onein:url value="/styles/all.css"/>' type="text/css" rel="stylesheet" />
<script src="<onein:url value="/scripts/jquery.js"/>" type="text/javascript"></script>
<script src="<onein:url value="/scripts/persona.js"/>" type="text/javascript"></script>
<script src="<onein:url value="/scripts/My97DatePicker/WdatePicker.js"/>" type="text/javascript"></script>
</head>

<body>
<jsp:include page="/WEB-INF/inc/header.jsp"/>
<jsp:include page="/WEB-INF/inc/menu.jsp"/>

    <div id="bodyWrap">
        <jsp:include page="/WEB-INF/inc/centerSidebar.jsp"/>
        
        <div class="dailyRightWrap">
             <div class="setWidthAll"> 
                <ul class="tabs">
                    <li><a href="javascript:void(0);" onclick="showOnePersonaInfoDiv()" id="onemenu" <c:choose><c:when test="${status_password != null || status_baby != null}" >class="tabsUnselected"</c:when><c:otherwise>class="tabsSelected"</c:otherwise></c:choose> ><span href="#">基本资料</span></a></li>
                    <li><a href="javascript:void(0);" onclick="showThreePersonaInfoDiv()" id="threemenu" <c:choose><c:when test="${status_password != null}" >class="tabsSelected"</c:when><c:otherwise>class="tabsUnselected"</c:otherwise></c:choose>><span href="#">修改密码</span></a></li>
                    <li><a href="javascript:void(0);" onclick="showTwoPersonaInfoDiv()" id="twomenu" <c:choose><c:when test="${status_baby != null}" >class="tabsSelected"</c:when><c:otherwise>class="tabsUnselected"</c:otherwise></c:choose>><span href="#">扩展资料</span></a></li>
                </ul>
                <div class="personaSelectAgesSelected" id="one_personainfo_div" <c:choose><c:when test="${status_password != null || status_baby != null}" >style="display:none;"</c:when></c:choose>>
                  <form action="<onein:url value="/center/updateUser" />" name="personainfoform" method="post">
                     <ul class="personalInfoContent" id="onedivnoticeinfo" style="display:none">
                   	   <li class="notice" style="margin-left: 28%;">修改基本信息成功.</li> 
                   	 </ul>
                   	
                   	 <ul class="personalInfoContent">
                            <li class="personalTh">宝宝的昵称:</li>
                            <li><input maxlength="32" class="textBox" type="text" size="30" value="${user.nickName }" name="nickName" id="nickName" onfocus="getfocus('nickNameInfo')" onblur="loseblur('nickNameInfo')"/></li>
                            <li class="notice" id="nickNameInfo" style="display:none;">请输入宝宝的昵称.</li> 
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                            <li class="personalTh">设置登录别名:</li>
                            <li>
                               <input maxlength="45" class="textBox" type="text" size="30" value="${user.name }" name="name" id="name" onfocus="getfocus('nameInfo')" onblur="loseblurName('<onein:url value="/service/validateName.json" />')"/>
                            </li>
                            <li class="notice" id="nameInfo" style="display:none;">请输入您的登录名.</li> 
                            <li class="regSatu" id="nameError" style="display:none;">登录名不能为空.</li>
                            <li class="regSatu" id="nameLenError" style="display:none;">登录名长度不能超过45.</li>
                            <li class="regSatu" id="nameExistError" style="display:none;">登录名已经存在.</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                            <li class="personalTh">QQ号码:</li>
                            <li>
                            	<input type="text" maxlength="15" class="textBox" size="30" value="${user.qq }" name="qq" id="qq" onfocus="getfocus('qqInfo')" onblur="loseblur('qqInfo')"/>
                            </li>
                            <li class="notice" id="qqInfo" style="display:none;">请输入您的QQ号码.</li> 
                            <li class="regSatu" id="qqError" style="display:none;">您输入的QQ号码不合法.</li>
                            <div class="ca"></div>
                     </ul>
                      <ul class="personalInfoContent">
                            <li class="personalTh">Email:</li>
                            <li>
                            	<input type="text" maxlength="64" class="textBox" size="30" value="${user.email }" name="email" id="email" onfocus="getfocus('emailInfo')" onblur="loseblurEmail('<onein:url value="/service/validateEmail.json" />')"/>
                            </li>
                            <li class="notice" id="emailInfo" style="display:none;">请输入您的Email邮箱.</li> 
                            <li class="regSatu" id="emailNullError" style="display:none;">Email邮箱不能为空.</li>
                            <li class="regSatu" id="emailError" style="display:none;">您输入的Email邮箱不合法.</li>
                            <li class="regSatu" id="emailExistError" style="display:none;">您输入的Email邮箱已经存在.</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                            <li class="personalTh">手机号码:</li>
                            <li>
                            	<input type="text" maxlength="11" class="textBox" size="30" value="${user.mobile }" name="mobile" id="mobile" onfocus="getfocus('mobileInfo')" onblur="loseblur('mobileInfo')"/>
                            </li>
                            <li class="notice" id="mobileInfo" style="display:none;">请输入您的手机号码，以提供增值服务.</li> 
                            <li class="regSatu" id="mobileError" style="display:none;">您输入手机号码不正确.</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                           <li style="padding-left: 120px;margin-top: 10px;">
                            	<div>
                            	  <a href="javascript:void(0);" onclick="submitPersonainfoForm('<c:url value="/service/validateName.json" />','<onein:url value="/service/validateEmail.json" />','<onein:url value="/service/updateUserInfo.json" />')" style="padding-right: 20px;" class="botton1"><span href="javascript:void(0);">修改</span></a> 
                            	  <a href="javascript:void(0);" onclick="resetPersonainfoForm()" class="botton1 ml11"><span href="javascript:void(0);">重置</span></a>
                            	</div>
                            </li>
                            <div class="ca"></div>
                     </ul>
            	  </form> 	
                </div>
                
                <div class="personaSelectAgesSelected" <c:choose><c:when test="${status_baby != null}" ></c:when><c:otherwise>style="display:none;"</c:otherwise></c:choose> id="two_personainfo_div">
                   	 <form action="<onein:url value="/center/updateUserExtend" />" name="personaextendform" method="post">
                     <ul class="personalInfoContent" id="threedivnoticeinfo" style="display:none">
                   	   <li class="notice" style="margin-left: 28%;">修改扩展信息成功.</li> 
                   	 </ul>
                   	
                   	 
                     <ul class="personalInfoContent">
                            <li class="personalTh">宝宝的性别:</li>
                            <li><input type="radio" size="25" name="sexTemp" value="1" <c:if test="${user.sex == 'M'}" >checked</c:if>/>男<input type="radio" size="25" name="sexTemp" value="0" <c:if test="${user.sex == 'F'}" >checked</c:if>/>女</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                            <li class="personalTh">您是宝宝的:</li>
                            <li><input type="radio" size="25" name="parentSexTemp" value="1" <c:if test="${user.parentSex == 'M'}" >checked</c:if>/>父亲<input type="radio" size="25" name="parentSexTemp" value="0" <c:if test="${user.parentSex == 'F'}" >checked</c:if>/>母亲</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                            <li class="personalTh">宝宝的生日:</li>
                            <li><input type="text" class="textBox" size="25" value="<fmt:formatDate value="${user.birthday}" pattern="yyyy-MM-dd"/>  " name="birthday" id="birthday" class="Wdate" onclick="WdatePicker()" onblur="loseBlurExtendBirthday()"/></li>
                            <li class="regSatu" id="birthdayerror" style="display:none;">孩子生日不能为空.</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent" style="display:none">
                            <li class="personalTh">孩子性格:</li>
                            <li><input type="text" class="textBox" size="25" value="${user.disposition }" name="disposition" id="disposition" onfocus="getFocusExtend('dispostioninfo')" onblur="loseBlurExtend('dispostioninfo')"/></li>
                            <li class="notice" id="dispostioninfo" style="display:none;">请简单描述下孩子性格.</li> 
                            <li class="regSatu" id="dispostionerror" style="display:none;">输入的内容不能 超过25字符.</li>
                            <div class="ca"></div>
                     </ul>
                    
                     <ul class="personalInfoContent">
                           <li style="padding-left: 120px;margin-top: 10px;">
                            	<div>
                            	  <a href="javascript:void(0);" onclick="submitUpdateExtendForm('<c:url value="/service/updateExtend.json" />')" style="padding-right: 20px;" class="botton1"><span href="javascript:void(0);">修改</span></a> 
                            	  <a href="javascript:void(0);" onclick="resetUpdateExtendForm()" class="botton1 ml11"><span href="javascript:void(0);">重置</span></a>
                            	</div>
                            </li>
                            <div class="ca"></div>
                     </ul>
            	  </form> 
                </div>
                
                <div class="personaSelectAgesSelected" <c:choose><c:when test="${status_password != null}" ></c:when><c:otherwise>style="display:none;"</c:otherwise></c:choose> id="three_personainfo_div">
                 <form action="<onein:url value="/center/updateUserPassword" />" name="personapasswordform" method="post">
                     <ul class="personalInfoContent" id="twodivnoticeinfo" style="display:none">
                   	   <li class="notice" style="margin-left: 28%;">修改密码成功.</li> 
                   	 </ul>
                   	
                   	 <ul class="personalInfoContent">
                            <li class="personalTh">输入原始密码:</li>
                            <li><input type="password" class="textBox" size="25" name="password" id="password" onfocus="getFocusPassword('passwordinfo')" onblur="validatePassword('<c:url value = "/service/validatePassword.json" />')"/></li>
                            <li class="notice" id="passwordinfo" style="display:none;">请输入原始密码.</li> 
                            <li class="regSatu" id="passworderror" style="display:none;">您输入的原始密码不正确.</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                            <li class="personalTh">输入新密码:</li>
                            <li><input type="password" class="textBox" size="25" name="newpassword" id="newpassword" onfocus="getFocusPassword('newpasswordinfo')" onblur="loseBlurPassword('newpasswordinfo')"/></li>
                            <li class="notice" id="newpasswordinfo" style="display:none;">请输入新密码.</li> 
                            <li class="regSatu" id="newpassworderror" style="display:none;">密码长度必须大于6,小于15.</li>
                            <div class="ca"></div>
                     </ul>
                     <ul class="personalInfoContent">
                            <li class="personalTh">输入确认密码:</li>
                            <li><input type="password" class="textBox" size="25" name="confirmpassword" id="confirmpassword" onfocus="getFocusPassword('confirmpasswordinfo')" onblur="loseBlurPassword('confirmpasswordinfo')"/></li>
                            <li class="notice" id="confirmpasswordinfo" style="display:none;">请输入确认密码,与新密码保持一致.</li> 
                            <li class="regSatu" id="confirmpassworderror" style="display:none;">确认密码与新密码不一致</li>
                            <div class="ca"></div>
                     </ul>
                    
                     <ul class="personalInfoContent">
                           <li style="padding-left:120px;margin-top: 10px;">
                            	<div>
                            	  <a href="javascript:void(0);" onclick="submitUpdatePsswordForm('<c:url value="/service/validatePassword.json" />','<c:url value="/service/updatePassword.json" />')" style="padding-right: 20px;" class="botton1"><span href="javascript:void(0);">修改</span></a> 
                            	  <a href="javascript:void(0);" onclick="resetUpdatePasswordForm()" class="botton1 ml11"><span href="javascript:void(0);">重置</span></a>
                            	</div>
                            </li>
                            <div class="ca"></div>
                     </ul>
            	  </form> 	
            	
                </div>
                
            </div>
                
        </div>
        
     <div class="ca"></div>
    </div>
    <jsp:include page="/WEB-INF/inc/footer.jsp"/>
</body>
</html>
